Storyboards Help Visualize UX Ideas故事板有助於視覺化使用者體驗理念
什麼是故事板?
定義:故事板是透過一系列面板中的圖片以時間順序展示故事主要事件的視覺化工具。
在UX領域,故事板用來為團隊和利益相關者提供額外的情境資訊。透過圖片傳遞資訊使故事一目瞭然,易於記憶。
基本特點:不需要複雜或高保真,僅需簡單的視覺表現和具體情境即可。

故事板的元件:無論形式如何,故事板通常包括以下三大元素:

1. 場景(Scenario)
- 基於具體場景或使用者故事的描述。
- 明確與場景對應的角色或人物(如角色James需要補充辦公室用品)。
- 場景描述需足夠清晰,讓團隊成員和利益相關者在檢檢視片前即能理解內容。
2. 視覺元素(Visuals)
- 透過一系列影象逐步表現場景中的每一步。
- 影象形式可為草圖、插圖或照片,具體精度依受眾和目的而定。
- 圖片應體現使用者的環境、對話氣泡、裝置互動等細節。
3. 圖片說明(Captions)
- 每幅圖片配有簡短的文字說明,包括使用者動作、環境、情感狀態和所使用裝置等。
- 文字簡潔明瞭,一般不超過兩點。
故事板與使用者旅程地圖的區別
使用者旅程地圖
- 內容豐富:以文字為主,包含使用者行為、思維、情感,以及洞察點。
- 大局視角:提供使用者體驗的整體畫面,是跨部門協作的工具。
故事板
- 影象為主:用影象表現使用者旅程的片段,文字資訊較少。
- 具體情境:更適合作為團隊內部使用的小範圍工具。
為什麼要使用故事板?
1. 研究與可用性測試
向未直接參與測試的團隊或利益相關者傳遞使用者與產品互動的方式。
可包含使用者實際語錄或重要的肢體語言資訊。
2. 補充使用者旅程地圖
透過為旅程地圖的各階段新增使用者情境影象,增強使用者共鳴感。

3. 優先順序設定與共識
視覺化使用者互動方式,幫助團隊識別必要功能並進行優先順序排序。
提供全團隊共享的理解,促進專案一致性和生產性討論。
4. 頭腦風暴與創意發想
用於展示使用者如何使用某項功能,或者開發前對使用者環境的理解。
建立故事板的步驟
1. 收集資料
確定使用的資料來源,如使用者訪談、可用性測試或網站指標。
如果資料不足,也可用故事板進行創意發想。
2. 確定精度
根據目的和受眾選擇草圖、照片或高精度插圖。
低精度:適用於團隊頭腦風暴,草圖或便籤記錄即可。
高精度:使用設計軟體(如Adobe、Sketch)製作,適合展示或交付。

3. 定義基礎
明確對應的角色和場景。
場景應具體並僅對應單一使用者路徑,複雜場景需為每條路徑製作獨立故事板。
4. 規劃步驟
寫下每一步,並用箭頭連線,標註情感狀態圖示。
確定每幅畫麵包含的關鍵元素。

5. 建立視覺元素並新增說明
使用簡單的圖形或草圖即可有效傳達資訊。
在每幅圖片下新增文字說明補充背景資訊。
6. 分發與迭代
向團隊或利益相關者展示並收集反饋,必要時迭代最佳化。